@charset "utf-8";
.web7 {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
//  height: 100%;
    transform: translateY(-200%);
    transition: all 1s;
    .bg {
        background: rgba(0, 0, 0, .65);
        height: 100%;
        position: relative;
        .generalize_all {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 63%;
            background: #fff;
            .generalize_list {
                border: 1px solid #eeeeee;
                padding-bottom: 20px;
                ul {
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    flex-wrap: wrap;
                    li {
                        width: 33.3%;
                        margin-top: 20px;
                        text-align: center;
                        &:nth-child(2) {
                            .generalize_item {
                                i {
                                    background: #6dd193;
                                }
                            }
                        }
                        &:nth-child(3) {
                            .generalize_item {
                                i {
                                    background: #f26868;
                                }
                            }
                        }
                        &:nth-child(4) {
                            .generalize_item {
                                i {
                                    background: #4c88f5;
                                }
                            }
                        }
                        &:nth-child(5) {
                            .generalize_item {
                                i {
                                    background: #f0c759;
                                }
                            }
                        }
                        &:nth-child(6) {
                            .generalize_item {
                                i {
                                    background: #54d3b1;
                                }
                            }
                        }
                        &:nth-child(7) {
                            .generalize_item {
                                i {
                                    background: #ff936d;
                                }
                            }
                        }
                        &:nth-child(8) {
                            .generalize_item {
                                i {
                                    color: #000000;
                                    background: #fff;
                                    border: 2px solid #dde0de;
                                }
                            }
                        }
                        &:nth-child(9) {
                            .generalize_item {
                                i {
                                    background: #a8bcc8;
                                }
                            }
                        }
                        .generalize_item {
                            i {
                                width: 50px;
                                height: 50px;
                                display: block;
                                margin: 0 auto;
                                border-radius: 50%;
                                background: #85d16d;
                                color: #fff;
                                font-size: 30px;
                                line-height: 50px;
                                margin-bottom: 5px;
                            }
                            p {
                                color: #999999;
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
            .abolish {
                text-align: center;
                 font-size: 20px;
                padding-top: 10px;
            }
        }
    }
}